﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="BookStore.index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/slider.css">
    <script src="js/jquery-3.5.1.min.js"></script>
    <script src="js/index.js"></script>
</asp:Content>
<%--
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content> --%>
<%--
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
</asp:Content> --%>

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
<div class="mainContainer">
    <!-- 分类栏 -->
    <div class="column1">
        <ul>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
            <li>
                <span><a href="#">小说</a></span>
                <div class="adv">
                    <a href="#">侦探/悬疑/推理</a>
                    <a href="#">情感/都市</a>
                    <a href="#">科技/魔幻</a>
                    <a href="#">作品集/外国小说</a>
                </div>
            </li>
        </ul>
    </div>
    <!-- 中间部分 -->
    <div class="column2">
        <div id="slider">

        </div>
    </div>
    <!-- 右边部分 -->
    <div class="column3">
        <div class="imgdv">
            <a href="#">
                <img src="./images/vip.jpg" alt="">
            </a>
            <a href="#">
                <img src="./images/dzs.jpg" alt="">
            </a>
        </div>
    </div>
</div>
<script>
    var imgs = ['./images/img1.jpg', './images/img2.jpg', './images/img3.jpg', './images/img4.jpg', './images/img5.jpg'];
    $('#slider').sliderImg(imgs);
</script>

</asp:Content>
<%--
<asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolder4" runat="server">
</asp:Content> --%>
<%--
<asp:Content ID="Content6" ContentPlaceHolderID="ContentPlaceHolder5" runat="server">
</asp:Content> --%>
